<div class="right">
    <div class="f-right-table ">
        <table class="table">
            <thead>
            <tr>
                <th ng-repeat=" item in tableTitle" ng-class="$index==0?'td-40':'td-30'" ng-bind="item"></th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in videos" >
                <td  class="td-50">
                    <div class="f-vedio-info clearfix">
                  <div class="f-myvedio-l">
                      <img ng-src="them/images/test_myvedio_inc.png" alt=""/>
                  </div>
                    <div class="f-myvedio-r ">
                        <p class="f-myvedio-r-up ">
                            <a ng-bind="item.title" class="text-overflow"></a>
                            <a ><span>讲师：</span><span  ng-bind="item.teacher.name"></span></a>
                        </p>
                        <p class="f-myvedio-r-down" ng-bind="item.price |priceFormat" ></p>
                    </div>
                    </div>
                </td>
                <td class="td-15" ng-bind="item.teacher.trainorg"></td>
                <td class="td-15" ng-bind="item.endTime | dateFilter"></td>
                <td class="td-15" ><a class="back-btn"  ng-bind="i18n.personCenter.back" ng-click="back(item)"></a></td>
            </tr>
            </tbody>
        </table>
        <no-content conf-type="'resume'" conf-content="'Ta暂时没有上传的课程'" ng-if="videos.length == 0"></no-content>
        <ui-dialog  dialog-conf="dialogModel"></ui-dialog>
        <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
    </div>
</div>
<style>

    /*<!-- 对视频表格进行样式设置-->*/
    .back-btn{
         margin: 0 auto;
        display: block;
        /* text-align: center; */
        margin-top: 50px;
        /* vertical-align: middle; */
        height: 20px;
        width: 50px;
        line-height: 20px;
        border: 1px solid #00AAFE;
    }
    .f-vedio-info{
        padding: 20px 20px 20px 0;

    }
   .f-myvedio-l ,.f-myvedio-r{
       float: left;
       /* display: flex; */
       max-width: 200px;
   }
    .f-myvedio-l{
        margin-right: 20px;
    }
    .f-myvedio-r-up a {
        display: block;
        margin-bottom:10px;
    }

    .f-myvedio-r-down{
        color:#00AAFE;
        margin-top:20px;
    }


    /******************/
    a:hover {
        text-decoration: none;
        color:#00AAFE
    }
    .right{
        width:960px;
        float:left;
        padding-left:30px;
    }
    .right .f-right-title{
        height:50px;
    }
    /* table*/
    .table{
        width: 100%;
        margin-bottom: 20px;
        border-collapse: collapse;
        border:1px solid #ddd;
        font-size:14px;
    }
    .table th,.table td{
        padding-left: 8px;
        padding-right:8px;
        text-align: center;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }
    .table th{
        font-weight: normal;
        height:35px;
        line-height: 35px;
    }
    .table td{
        height:100px;
        /*line-height: 60px;*/
    }
    .table th:nth-child(1),.table td:nth-child(1){
        text-align: left;
        padding-left:20px;
    }
    .table tbody{
        background:#fff;
    }

    .td-50{
        width: 35%;
        max-width: 180px;
    }
    .td-15{
        width: 15%;
        max-width: 120px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        line-height: 120px;;
    }

    .border-bottom{
        border-bottom: 1px solid #E1DEDA;
    }
    /*评论中 table td 内部样式设定  #666460*/
    .td-comment-filename{
        color: #00AAFE;
    }
    .td-comment-up,.td-comment-down{
        margin-top:20px;
    }
    .td-comment-down{
        padding-bottom:20px;
    }
</style>